<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name = "viewport" content = "width = device-width, initial-scale = 1.0, maximum-scale = 1.0, user-scalable = 0" />
    <title>外链异常</title>
    <style>
        body{
            margin: 0px;
            padding: 0px;
        }
        .full {
            width: 100%;
            float: left;
            text-align: center;
            height: auto;
        }
    </style>
    <link rel="shortcut icon" href="https://ttwls.oss-cn-beijing.aliyuncs.com/assets/images/admin/favicon.ico"/>
    <link rel="stylesheet" type="text/css" href="https://res.wx.qq.com/open/libs/weui/2.4.0/weui.min.css">
</head>
<body>
    <div class="full">
    </div>

    <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
    <script src="https://nilife.oss-cn-beijing.aliyuncs.com/miniapp/images/setting/jquery-3.5.1-min.js"></script>
    <script src="https://wailiancn.oss-cn-beijing.aliyuncs.com/assets/js/v2/wailian-2.0.js"></script>
<script>
    
    $(function () {
        wx.config({
            debug: false,
            appId: '{{ $appid }}', // 必填，公众号的唯一标识
            timestamp: '{{ $timestamp }}', // 必填，生成签名的时间戳
            nonceStr: '{{ $nonceStr }}', // 必填，生成签名的随机串
            signature: '{{ $signature }}',// 必填，签名
            jsApiList: ["getLocation"],//必须要不调用小程序标签渲染不出来
        });
        wx.ready(function () {
            wx.getLocation({
              type: 'wgs84', // 默认为wgs84的 gps 坐标，如果要返回直接给 openLocation 用的火星坐标，可传入'gcj02'
              success: function (res) {
                $(".full").html(JSON.stringify(res));
                var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
                var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
                var speed = res.speed; // 速度，以米/每秒计
                var accuracy = res.accuracy; // 位置精度
              }
            });
        });


        wx.error(function (res) {
            // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中
            // console.log("res", res);
            alert(JSON.stringify(res));
        });
    });


</script>
</body>
</html>



